<template>
  <div>
    <h1>Home</h1>
    <router-link :to="{ name: 'news', params: { id: 1 } }">news1</router-link>
    <router-link :to="{ name: 'news', params: { id: 2 } }">news2</router-link>
    <router-link
      :to="{
        name: 'music',
        query: {
          title: '青花瓷',
          hot: '100w',
        },
      }"
      >music1</router-link
    >
    <router-link
      :to="{
        name: 'music',
        query: {
          title: '奇迹再现',
          hot: '2000w',
        },
      }"
      >music2</router-link
    >
    <router-view></router-view>
  </div>
</template>

<script>
export default {
  name: "Home",
};
</script>

<style></style>
